<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
    	<meta http-equiv="content-type" content="text/html;charset=utf-8">
        <meta name="author" content="Jennifer">
        <title>钱袋宝-首页</title>
        <link type="text/css" rel="stylesheet" href="css/basic.css"/>
        <link type="text/css" rel="stylesheet" href="css/style.css"/>
 		<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
        <script type="text/javascript" src="js/app.js"></script>
   </head>
   <body>
   		<!--页眉-->
   		<div class="h32 header">
        	<div class="w1200 hp100">
            	<div class="user hp100">
                	<span>您好，<a href="javascript:void(0);" target="_blank" class="user-name">戴维国际</a></span>
                    <a href="javascript:void(0);">退出</a>
                </div>
            	<ul class="links-list hp100">
                    <li class="h12"><a href="javascript:void(0);" target="_blank">我的钱袋</a></li>
                    <li class="h12"><a href="javascript:void(0);" target="_blank">安全中心</a></li>
                    <li class="h12 last"><a href="javascript:void(0);" target="_blank">帮助中心</a></li>
                </ul>
            </div>
        </div>
        <!--导航-->
        <div class="h120 carousel">
        	<div class="w1200 hp100">
            	<div class="logo hp100"></div>
           	 	<div class="nav hp100">
                	<ul class="nav-list">
                    	<li class="active"><a href="javascript:void(0);" target="_blank">首页</a></li>
                        <li><a href="javascript:void(0);" target="_blank">我的钱袋</a></li>
                        <li><a href="javascript:void(0);" target="_blank">交易记录</a></li>
                        <li><a href="javascript:void(0);" target="_blank">账户设置</a></li>
                        <li><a href="javascript:void(0);" target="_blank">帮助中心</a></li>
                    </ul>
                    <div class="back-up"></div>
                </div>
            </div>
        </div>
        <!--分割图片区域-->
        <div class="h120 divider"></div>
        <!--主体-->
        <div class="main">
        	<!--主体-主体-->
            <div class="w1200 bg-white bw1 border1 border1-right main-body">
            	<div class="h210 border3 transaction-info">
                	<!--用户信息区域-->
                	<div class="user-area border4 hp100">
                    	<div class="user-img"><img src="images/shishi.png" /></div>
                        <div class="user-info">
                        	<h3 class="welcome">欢迎使用钱袋宝钱包！</h3>
                            <div class=""><a href="javascript:void(0);" target="_blank" class="name">戴维国际</a><span class="phone font-a">（<font>1516****3226</font>）</span></div>
                            <div class="last-login">上次登录：<span class="last-date font-a">2014-10-13 14:16:32</span></div>
                            <div class="security-level low">
                            	安全级别： 
                                <a href="javascript:void(0);" target="_blank" class="level-update">提升</a>
                            </div>
                            <div class="certificate-flag certificated"></div>
                        </div>
                    </div>
                    <!--账户信息区域-->
                    <div class="account-area border4 hp100">
                    	<div class="transaction-info-head mt-40 ml-28"><h2 class="account-balance-head transaction-info-head">账户余额</h2></div>
                        <div class="account-balance-body mt-20 ml-24">
                            <span class="balance-amount"><font class="font-a">10026.36</font>元</span>
                            <span class="lastest-transaction">最近一笔交易：<font class="font-a">-100.00</font></span>
                        </div>
                        <div class="account-balance-use mt-20 ml-30">
                        	<a href="javascript:void(0);" target="_blank" class="func-btn recharge">充值</a>
                            <a href="javascript:void(0);" target="_blank" class="func-btn withdraw-deposit">提现</a>
                            <a href="javascript:void(0);" target="_blank" class="func-btn transfer-accounts">转账</a>
                        </div>
                    </div>
                    <!--钱袋设置-->
                    <div class="settings hp100">
                    	<div class="transaction-info-head mt-40 ml-28"><h2 class="settings-head transaction-info-head">钱袋设置</h2></div>
                        <div class="settings-body mt-30 ml-28">
                        	<div class="card">
                            	<span class="card-name">银行卡</span>：<span class="card-amount"><a href="javascript:void(0);" target="_blank">2</a>张</span>
                                <a href="javascript:void(0);" target="_blank" class="card-manage">[管理]</a>
                            </div>
                            <div class="card">
                            	<span class="card-name">信用卡</span>：<span class="card-amount"><a href="javascript:void(0);" target="_blank">3</a>张</span>
                                <a href="javascript:void(0);" target="_blank" class="card-manage">[管理]</a>
                            </div>
                        </div>
                    </div>
                </div>
                <!--交易记录-->
                <div class="w1160 transaction-records">
                	<!--交易记录-标题部分-->
                	<div class="h72 transaction-records-head">
                    	<ul class="transaction-list">
                        	<li class="active last"><a href="javascript:void(0);" target="_blank">交易记录</a></li>
                            <li><a href="javascript:void(0);" target="_blank">支付记录</a></li>
                            <li><a href="javascript:void(0);" target="_blank">提现记录</a></li>
                            <li class="last"><a href="javascript:void(0);" target="_blank">转账记录</a></li>
                        </ul>
                        <a href="javascript:void(0);" target="_blank" class="transaction-more">查看所有<span>交易</span></a>
                    </div>
                	<!--交易记录-主体部分-->
                	<div class="h432 transaction-records-body">
                    	<div class="tb-head h32">
                        	<div class="tc-name t-date">交易时间</div>
                            <div class="tc-name t-content">交易内容</div>
                            <div class="tc-name t-amount">交易金额</div>
                            <div class="tc-name t-status">交易状态</div>
                            <div class="tc-name t-operate">操作</div>
                        </div>
                        <div class="tb-body border2">
                        	<ul class="hp100 tc-detail-list">
                            	<li>
                                	<span class="tc-detail t-date">2014.10.13 </span>
                                    <span class="tc-detail t-content">转账 到银行卡-汇海龙家居 物流款7800</span>
                                    <span class="tc-detail t-amount negative">-7800.00</span>
                                    <span class="tc-detail t-status">交易成功</span>
                                    <span class="tc-detail t-operate">
                                    	<a href="javascript:void(0);" target="_blank">详情</a>
                                        <a href="javascript:void(0);" target="_blank">备注</a>
                                    </span>
                                </li>
                                <li class="wait">
                                	<span class="tc-detail t-date">2014.10.10</span>
                                    <span class="tc-detail t-content">蔓越 沙发垫布艺时尚坐垫欧式田园组合沙发巾沙发套沙发罩防滑 等多件</span>
                                    <span class="tc-detail t-amount negative">-186.00</span>
                                    <span class="tc-detail t-status">等待确认收货</span>
                                    <span class="tc-detail t-operate">
                                    	<a href="javascript:void(0);" target="_blank" class="make-sure"></a>
                                    </span>
                                </li>
                               	<li>
                                	<span class="tc-detail t-date">2014.10.10</span>
                                    <span class="tc-detail t-content">蔓越 沙发垫布艺时尚坐垫欧式田园组合沙发巾沙发套沙发罩防滑</span>
                                    <span class="tc-detail t-amount negative">-122.00</span>
                                    <span class="tc-detail t-status close">交易关闭</span>
                                    <span class="tc-detail t-operate">
                                    	<a href="javascript:void(0);" target="_blank">详情</a>
                                        <a href="javascript:void(0);" target="_blank">备注</a>
                                    </span>
                               	</li>
                                <li>
                                	<span class="tc-detail t-date">2014.10.10</span>
                                    <span class="tc-detail t-content">百草味 坚果特产零食干果 越南特产果仁 秘制炭烧腰果</span>
                                    <span class="tc-detail t-amount negative">-105.00</span>
                                    <span class="tc-detail t-status">交易成功</span>
                                    <span class="tc-detail t-operate">
                                    	<a href="javascript:void(0);" target="_blank">详情</a>
                                        <a href="javascript:void(0);" target="_blank">备注</a>
                                    </span>
                                </li>
                                <li>
                                	<span class="tc-detail t-date">2014.10.09</span>
                                    <span class="tc-detail t-content">转账</span>
                                    <span class="tc-detail t-amount">+1658.00</span>
                                    <span class="tc-detail t-status">交易成功</span>
                                    <span class="tc-detail t-operate">
                                    	<a href="javascript:void(0);" target="_blank">详情</a>
                                        <a href="javascript:void(0);" target="_blank">备注</a>
                                    </span>
                                </li>
                               	<li>
                                	<span class="tc-detail t-date">2014.10.05</span>
                                    <span class="tc-detail t-content">手机充值</span>
                                    <span class="tc-detail t-amount negative">-100.00</span>
                                    <span class="tc-detail t-status close">交易关闭</span>
                                    <span class="tc-detail t-operate">
                                    	<a href="javascript:void(0);" target="_blank">详情</a>
                                        <a href="javascript:void(0);" target="_blank">备注</a>
                                    </span>
                               	</li>
                                <li>
                                	<span class="tc-detail t-date">2014.10.01</span>
                                    <span class="tc-detail t-content">单次转入</span>
                                    <span class="tc-detail t-amount negative">-122.00</span>
                                    <span class="tc-detail t-status">交易成功</span>
                                    <span class="tc-detail t-operate">
                                    	<a href="javascript:void(0);" target="_blank">详情</a>
                                        <a href="javascript:void(0);" target="_blank">备注</a>
                                    </span>
                                </li>
                                <li>
                                	<span class="tc-detail t-date">2014.10.01</span>
                                    <span class="tc-detail t-content">提现到银行卡</span>
                                    <span class="tc-detail t-amount negative">-122.00</span>
                                    <span class="tc-detail t-status">交易成功</span>
                                    <span class="tc-detail t-operate">
                                    	<a href="javascript:void(0);" target="_blank">详情</a>
                                        <a href="javascript:void(0);" target="_blank">备注</a>
                                    </span>
                                </li>
                               	<li>
                                	<span class="tc-detail t-date">2014.09.30</span>
                                    <span class="tc-detail t-content">转账</span>
                                    <span class="tc-detail t-amount negative">-105.00</span>
                                    <span class="tc-detail t-status">交易成功</span>
                                    <span class="tc-detail t-operate">
                                    	<a href="javascript:void(0);" target="_blank">详情</a>
                                        <a href="javascript:void(0);" target="_blank">备注</a>
                                    </span>
                               	</li>
                                <li>
                                	<span class="tc-detail t-date">2014.09.28</span>
                                    <span class="tc-detail t-content">天弘基金收益</span>
                                    <span class="tc-detail t-amount">+1153.00</span>
                                    <span class="tc-detail t-status close">交易关闭</span>
                                    <span class="tc-detail t-operate">
                                    	<a href="javascript:void(0);" target="_blank">详情</a>
                                        <a href="javascript:void(0);" target="_blank">备注</a>
                                    </span>
                                </li>
                                <li>
                                	<span class="tc-detail t-date">2014.09.18</span>
                                    <span class="tc-detail t-content">转账到银行卡</span>
                                    <span class="tc-detail t-amount negative">-186.00</span>
                                    <span class="tc-detail t-status">交易成功</span>
                                    <span class="tc-detail t-operate">
                                    	<a href="javascript:void(0);" target="_blank">详情</a>
                                        <a href="javascript:void(0);" target="_blank">备注</a>
                                    </span>
                                </li>
                               	<li>
                                	<span class="tc-detail t-date">2014.09.12</span>
                                    <span class="tc-detail t-content">【身高贴专辑】可移除墙贴纸儿童身高贴 宝宝身高尺 可移除墙贴纸 ..</span>
                                    <span class="tc-detail t-amount negative">-7800.00</span>
                                    <span class="tc-detail t-status">交易成功</span>
                                    <span class="tc-detail t-operate">
                                    	<a href="javascript:void(0);" target="_blank">详情</a>
                                        <a href="javascript:void(0);" target="_blank">备注</a>
                                    </span>
                               	</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        	<!--主体-补充说明-->
        	<div class="h99 main-supply">
            	<div class="w1160 hp100">
                	<!--付款-->
                	<div class="pay fl hp100">
                    	<div class="supply-logo hp100"></div>
                        <div class="supply-body hp100">
                        	<ul class="supply-list">
                            	<li class="top"><a href="javascript:void(0);" target="_blank">充值成功了，钱袋宝余额没有显示？</a><img src="img/new.gif" /></li>
                                <li><a href="javascript:void(0);" target="_blank">付款报错网络系统异常是怎么回事？</a></li>
                                <li><a href="javascript:void(0);" target="_blank">修改农行储蓄卡预留的手机号码？</a></li>
                            </ul>
                        </div>
                    </div>
                    <!--规则-->
                    <div class="rule fl hp100">
                    	<div class="supply-logo hp100"></div>
                        <div class="supply-body hp100">
                        	<ul class="supply-list">
                            	<li class="top"><a href="javascript:void(0);" target="_blank">支付密码是什么时候设置的？</a><img src="img/new.gif" /></li>
                                <li><a href="javascript:void(0);" target="_blank">找回密码，人工受理后如何查询处理进度</a></li>
                                <li><a href="javascript:void(0);" target="_blank">通过【手机校验码+支付密码】添加邮箱登录名的流程</a></li>
                            </ul>
                        </div>
                    </div>
                    <!--认证-->
                    <div class="certificate fl hp100">
                    	<div class="supply-logo hp100"></div>
                        <div class="supply-body hp100">
                        	<ul class="supply-list">
                            	<li class="top"><a href="javascript:void(0);" target="_blank">网点支付—连连支付限额及手续费</a><img src="img/new.gif" /></li>
                                <li><a href="javascript:void(0);" target="_blank">充值码支付（网点支付）的合作商</a></li>
                                <li><a href="javascript:void(0);" target="_blank">各网点支付（充值码）充值支付限额及手续费</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        	<!--主体-页脚-->
            <div class="w1200 h67 bg-white border1 main-footer">
                <ul class="about-this-list h36 w580">
                    <li><a href="javascript:void(0);" target="_blank">关于钱袋宝</a></li>
                    <li><a href="javascript:void(0);" target="_blank">帮助中心</a></li>
                    <li><a href="javascript:void(0);" target="_blank">使用说明</a></li>
                    <li><a href="javascript:void(0);" target="_blank">联系我们</a></li>
                    <li><a href="javascript:void(0);" target="_blank">International Business</a></li>
                    <li class="last"><a href="javascript:void(0);" target="_blank">About us</a></li>
                </ul>
                <div class="copyright">钱袋宝版权所有 2004-2014 ICP证：浙B2-20120045</div>
            </div>
        </div>
   </body>
</html>